<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>李荣鹏2215220334的黑店</title>
    <link href="css/style.css" type="text/css" rel="stylesheet" media="all">
    <link rel="stylesheet" href="./css/cart.css">
</head>

<body>
    <header class="head clearfix">
        <div class="main "><b class="logo"><img src="images/logo.png" width="220"></b> <span class="fr">
                <p id="menuAppend">
                    <a href="index.html">主页</a> <a href="list.html">所有书籍</a>
                </p>
            </span>
            <div class="clearfix"></div>
        </div>
    </header>
    <section class="main clearfix">
        <div class="div7 bg000 clearfix">
            <div class="bar2">
                <h3>购物车</h3>
            </div>
            <div class="">
                <table id="cart-table">
                    <thead>
                        <tr>
                            <th>商品图片</th>
                            <th>商品名称</th>
                            <th>单价</th>
                            <th>数量</th>
                            <th>小计</th>
                            <th>操作</th>
                        </tr>
                    </thead>
                    <tbody>
                        <!-- 示例商品 -->
                        <tr class="cart-item">
                            <td><img src="images/a1.jpg" alt="商品"></td>
                            <td>朝鲜战争内幕全公开</td>
                            <td class="unit-price">￥99.00</td>
                            <td>
                                <div class="quantity-controls">
                                    <button class="decrement">-</button>
                                    <input type="text" class="quantity" value="1" readonly />
                                    <button class="increment">+</button>
                                </div>
                            </td>
                            <td class="subtotal">￥99.00</td>
                            <td><button class="remove-item">删除</button></td>
                        </tr>
                        <tr class="cart-item">
                            <td><img src="images/a2.jpg" alt="商品"></td>
                            <td>出兵朝鲜真相</td>
                            <td class="unit-price">￥199.00</td>
                            <td>
                                <div class="quantity-controls">
                                    <button class="decrement">-</button>
                                    <input type="text" class="quantity" value="1" readonly />
                                    <button class="increment">+</button>
                                </div>
                            </td>
                            <td class="subtotal">￥199.00</td>
                            <td><button class="remove-item">删除</button></td>
                        </tr>
                    </tbody>
                    <tfoot>
                        <tr>
                            <td colspan="3" class="total-label">总计:</td>
                            <td colspan="3" class="total-price">￥298.00</td>
                        </tr>
                    </tfoot>
                </table>
                <br>
                <br>
                <div class="cart-actions">
                    <a href="list.html" class="continue-shopping">继续购物</a>
                    <a href="ok.html" class="checkout">去结算</a>
                </div>
            </div>
        </div>
    </section>
    <footer> 李荣鹏2215220334的黑店</footer>
    <script src="js/cart.js"></script>
</body>

</html>


<script src="./js/fangda.js"></script>
<script src="js/menu.js"></script>